@charset "utf-8";
#nav ul {
  background: rgb(21, 77, 124);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap; /* 避免文字換行 */
  z-index: 999;
}
#nav ul li {
  position: relative; /* 使子選單依照母選單的座標顯示 */
  font-size: 16px;
  text-align: center;
}
/* 設定母選單的連結樣式 */
#nav ul li a {
  text-decoration: none;
  color: #fff;
  width: 80px;
  padding: 10px 10px;
  display: block;
  background: url(detail.png) bottom right no-repeat;
}
/* 當母選單下沒有子選單時，也就是說只有一個連結時，隱藏detail.png */
#nav ul li a:only-child {
  background: none;
}
#nav ul li:hover {
  background: #003D79;
}
#nav ul li:hover > a {
  color: #fff;
}
#nav ul li:hover > ul {
  display: block; /* 滑鼠滑入母選單後，顯示子選單 */
}
nav > ul > li {
  display: inline-block; /* 使一級選單排成一橫列 */
}
/* 二級選單顯示於一級選單的正下方 */
#nav ul ul {
  position: absolute;
  top: 100%;
  list-style: none;
  background: rgb(21, 77, 124);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
}
/* 三級選單則顯示於二級選單的右方 */
#nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}